<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>注册</title>

	<style>
		body{
				margin: 0px;
				padding: 0px;	
				font-family: Circular, PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC" !important;
			}
			
			a{
            text-decoration: none;
            
   		    }
   		    
			#yk-backimg{
				height: 758px;
				width: 105%;
			}
			
			#yk-holepage{
				background-color: #DBDBDB;
				height: 100%;
				width: 100%;
			}
			
			#yk-singindiv{
				width: 570px;
				height: 500px;
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
				border: none;
				position: absolute;
				left: 430px;
				top: 120px;
				background-color: #FFFFFF;
				color: rgb(72,72,72);
				padding: 32px;
				
			}
			
			#yk-sjhzhuce{
				font-size: 28px;
				font-weight: 700;
				
			}
			
			#yk-yyzhanghao{
				
				font-size: 17px;
				font-weight: 700;
				line-height: 19px;
				
			}
			
			#yk-denglu{
				font-size: 17px;
				font-weight: 700;
				color: #008489;
				
			}
			
			#yk-countryselect{
				width: 112px;
				height: 47px;
				line-height: 47px;
				text-align: center;
				border-radius: 3px;
				
			}
			
			.yk-yyzhhdenglu{
				margin-top: 10px;
				
			}
			
			.yk-inputboxsty{
				margin-top: 10px;
				height: 47px;
				line-height: 47px;
				border-radius: 3px;
				
			}
			
			#yk-lphone{
				margin-top: 10px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-lpass{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-checkpass{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				border-radius: 3px;
				border: 1px solid #DBDBDB;
				font-size: 18px;
				
			}
			
			#yk-subformsingin{
				margin-top: 20px;
				width: 95%;
				height: 40px;
				background-color: rgb(255, 90, 95);
				border-radius: 3px;
				border: none;
				font-family:  var(--font-button-font-family, Circular, "PingFang-SC", "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", "Heiti SC") !important;
				font-size: 19px;
				font-weight: 600;
				color: white;
				
			}
			
			#yk-tiaokuan{
				margin-top:20px ;
				line-height: 18px;
				
			}
			
			#yk-lookforhelp{
				position: absolute;
				right: 50px;
				bottom: 30px;
			
			}
			
			#yk-formorehelp{
				background-color: transparent;
				border: none;
				color: #008489;
				font-weight: 300;
				cursor: pointer;
				
			}
			
			#yk-rightclose{
				border: none;
				background-color: transparent;
				font-size: 30px;
				color: rgb(72,72,72);
				box-sizing: border-box;
				position: absolute;
				right: 25px;
				top: 15px;
				cursor: pointer;
				
			}
			
		</style>
</head>

<body>
	<div id="yk-backimg">
		<div id="yk-holepage">
			<div id="yk-holepagechild">
				<div id="yk-singindiv">
					<div>
						<!--第一个div，两行-->
						<div>
							<span id="yk-sjhzhuce">手机号注册</span><br />
						</div>
						<div class="yk-yyzhhdenglu">
							<span id="yk-yyzhanghao">已有账号？&nbsp;</span><a href="index.html" id="yk-denglu">返回首页</a>
							<!--这里直接link到首页 在首页登录-->

						</div>


					</div>

					<div class="yk-inputboxsty">
						<!--第二行的div手机密码确认密码-->

						<div>
							<!--手机号-->
							<input type="text" name="yk-lphone" id="yk-lphone" placeholder="请输入手机号" />
						</div>

						<div>
							<input type="password" name="yk-lpass" id="yk-lpass" placeholder="请输入密码" />
						</div>

						<div>
							<input type="password" name="yk-checkpass" id="yk-checkpass" placeholder="请确认密码" />
						</div>

						<div>
							<input type="button" name="yk-subformsingin" id="yk-subformsingin" value="注册" />
						</div>

						<div id="yk-lookforhelp">
							<a href="https://www.airbnb.cn/help"><input type="button" name="yk-formorehelp" id="yk-formorehelp" value="点击获取更多帮助" /></a>
						</div>
					</div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#yk-subformsingin").click(function () {
				var p1 = $("#yk-lpass").val();
				var p2 = $("#yk-checkpass").val();
				if (p1 !== p2) {
					alert("两次输入的密码不一致");
					return;
				}
				var tel = $("#yk-lphone").val();
				if (tel == "") {
					alert("请输入电话号码");
					return;
				}
				$.ajax({
					url: "/airbnb/regist.do",
					async: false,
					type: "POST",
					data: {
						"tel": tel,
						"lpass": p1
					},
					error: function () {
						alert("ajax请求失败")
					},
					success: function (data) {
						alert("注册成功");
					}
				});


			});
		});
	</script>
</body>

</html>